@function px2rem($px){
    $rem:37.5px;
    @return ($px / $rem) + rem;
}
html{
    background-color: #f8f8f8;
}
.header{
    height: px2rem(40px);
    width:100%;
    background-color: red;
    // padding-left: px2rem(23px);   
    ul.header-content{
        padding-right: px2rem(40px);//+
        display:-webkit-flex;//+
        .header-item{
            text-align: center;//+
            // float: left;
            flex: 1;//+
            color: #ffcdce;
            font-size:px2rem(16px);
            line-height: px2rem(40px);
            // margin-right: px2rem(20px);
            &:nth-child(2){
                color: #ffffff;
                font-size: px2rem(17px);
            }
        }
    }
}
.banner-content {
    position: relative;
    .banner{
        display: block;
        width:100%;
        height: px2rem(190px);
    
    }
    .banner-title{
        position: absolute;
        left: px2rem(15px);
        bottom: px2rem(15px);
        font-size: px2rem(16px);
        color: #ffffff;
    }

}

.news-content {
    .news-item {
        width: 100%;
        height: px2rem(90px);
        padding-left: px2rem(15px);
        padding-right: px2rem(15px);
        box-sizing: border-box;

        .item-inner{
            position: relative;
            overflow: hidden;
            height: 100%;
            border-bottom: px2rem(1px) solid #e5e5e5;

            .news-img{
                float: left;
                display: block;
                margin-top: px2rem(10px);
                margin-right: px2rem(15px);
                width: px2rem(95px);
                height: px2rem(70px);
            }
            .news-title{
                color: #404040;
                font-size:px2rem(17px);
                margin-top: px2rem(16px);
                line-height: px2rem(20px);
            }
            .time {
                position: absolute;
                left: px2rem(115px);
                bottom: px2rem(17px);
                color: #888888;
                font-size: px2rem(12px);
            }
            .num{
                position: absolute;
                color: #888888;
                font-size: px2rem(12px);
                right: px2rem(4px);
                bottom: px2rem(17px);
                &::before{
                    content: '   ';
                    display: block;
                    position: absolute;
                    width: px2rem(21px);
                    height: px2rem(21px);

                    background-size: contain;
                    top: px2rem(-4px);
                    left: px2rem(-23px); 
                    
                    background-image: url('./images/readme.png');
                    background-repeat: no-repeat;
                }
            }
        }
    }


}
